<template>
	<view class="alterRecord">
		<custom-navi :show-home="false">修改记录</custom-navi>
		<tabs :tabs="tabs" :current='current' @change='tabChange'></tabs>
		<view v-for="(item,index) in formData[current].form" :key='index' class="content">
			<view class="content-status">
				<view>审核状态</view>
				<view>{{item.status}}</view>
			</view>
			<view class="content-txt">
				<view>修改内容</view>
				<view>{{item.txt}}</view>
			</view>
			<view v-if="item.cause" class="content-cause">
				<view>驳回原因</view>
				<view>{{item.cause}}</view>
			</view>
			<view class="content-time">
				<view>审核时间</view>
				<view>{{item.time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import tabs from "../../../components/QS-tabs/QS-tabs.vue";
	export default {
		components: {
			tabs
		},
		data() {
			return {
				current: 0,
				tabs: [
				        {name: '待审核'},
				        {name: '被驳回'},
				        {name: '已通过'}
				    ],
					formData:[
						{
							form:[
								{status:'待处理',txt:'电话由“[13722254448]”变更为“[137215544448]”',cause:'您好，经沟通核实门店原信息准确，暂不调整如有疑问，请至商家版-门店管理联系在线客服或致电： 40000000000',time:'2019-12-20 11:18:20'},
								{status:'待处理',txt:'电话由“[13722254448]”变更为“[137215544448]”',cause:'您好，经沟通核实门店原信息准确，暂不调整如有疑问，请至商家版-门店管理联系在线客服或致电： 40000000000',time:'2019-12-20 11:18:20'}
								],
						},
						{
							form:[
								{status:'已驳回',txt:'电话由“[13722254448]”变更为“[137215544448]”',cause:'',time:'2019-12-20 11:18:20'},
								{status:'已驳回',txt:'电话由“[13722254448]”变更为“[137215544448]”',cause:'',time:'2019-12-20 11:18:20'}
								],
						},
						{
							form:[
								{status:'已通过',txt:'电话由“[13722254448]”变更为“[137215544448]”',cause:'',time:'2019-12-20 11:18:20'},
								{status:'已通过',txt:'电话由“[13722254448]”变更为“[137215544448]”',cause:'',time:'2019-12-20 11:18:20'}
								]
						}
					],
			}
		},
		onLoad() {
	
		},
		methods: {
			tabChange(index) {
			    this.current = index
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding:32rpx;
		background-color: #FFFFFF;
		margin-top: 20rpx;
		view{
			display: flex;
			margin-top: 10rpx;
			view{
				flex: 1;
				font-size:28rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(128,128,128,1);
				opacity:1;
			}
			view:last-child{
				flex: 3;
				width:514px;
				font-size:28rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(64,64,64,1);
				opacity:1;
			}
		}
	}
</style>
